<template>
  <div id="NoticeTips">
    <a-tab-pane class="customTabPane" title="注意事项">
      <a-card v-if="notice" :title="notice.title" class="centerCard">
        <MdView :value="notice.content || ''" class="customContent" />
      </a-card>
    </a-tab-pane>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";

import MdView from "@/components/MdView.vue";
import { NoticeVO } from "@/views/Home/NoticeVO";

const notice = ref<NoticeVO>();
// 直接给notice赋值
notice.value = {
  title: "注意事项",
  content:
    "### 注意事项\n" +
    "\n" +
    "​\t本项目作为我的毕设项目，还有很多功能需要完善和继续开发，如感觉系统体验不好，请提出您的宝贵意见，我将认真聆听，并给予改正！\n" +
    "\n" +
    "​\t同时感谢知识星球和网络中的小伙伴提供的开源项目与代码示例，帮助我加快了进度，使系统更加完美，在此给予崇高的敬意！\n" +
    "\n" +
    "​\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-- 20101202 孙烁\n" +
    "\n",
};
</script>

<style>
#NoticeTips {
  max-width: 1200px;
  margin: 0 auto;
}
.centerCard {
  font-size: 18px; /* 调整内容文字大小为16px */
}
.customContent {
  font-size: 18px; /* 调整内容文字大小为16px */
}

#viewQuestionView .arco-space-horizontal .arco-space-item {
  margin-bottom: 0 !important;
}
</style>
